<html><head><meta charset="utf-8"/><title>字符串</title></head><body><h1>字符串</h1><div class="x-wiki-content x-main-content">
 <p>
  JavaScript的字符串就是用
  <code>
   ''
  </code>
  或
  <code>
   ""
  </code>
  括起来的字符表示。
 </p>
 <p>
  如果
  <code>
   '
  </code>
  本身也是一个字符，那就可以用
  <code>
   ""
  </code>
  括起来，比如
  <code>
   "I'm OK"
  </code>
  包含的字符是
  <code>
   I
  </code>
  ，
  <code>
   '
  </code>
  ，
  <code>
   m
  </code>
  ，空格，
  <code>
   O
  </code>
  ，
  <code>
   K
  </code>
  这6个字符。
 </p>
 <p>
  如果字符串内部既包含
  <code>
   '
  </code>
  又包含
  <code>
   "
  </code>
  怎么办？可以用转义字符
  <code>
   \
  </code>
  来标识，比如：
 </p>
 <pre><code>'I\'m \"OK\"!';
</code></pre>
 <p>
  表示的字符串内容是：
  <code>
   I'm "OK"!
  </code>
 </p>
 <p>
  转义字符
  <code>
   \
  </code>
  可以转义很多字符，比如
  <code>
   \n
  </code>
  表示换行，
  <code>
   \t
  </code>
  表示制表符，字符
  <code>
   \
  </code>
  本身也要转义，所以
  <code>
   \\
  </code>
  表示的字符就是
  <code>
   \
  </code>
  。
 </p>
 <p>
  ASCII字符可以以
  <code>
   \x##
  </code>
  形式的十六进制表示，例如：
 </p>
 <pre><code>'\x41'; // 完全等同于 'A'
</code></pre>
 <p>
  还可以用
  <code>
   \u####
  </code>
  表示一个Unicode字符：
 </p>
 <pre><code>'\u4e2d\u6587'; // 完全等同于 '中文'
</code></pre>
 <h3>
  多行字符串
 </h3>
 <p>
  由于多行字符串用
  <code>
   \n
  </code>
  写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号
  <em>
   <code>
    * ... *
   </code>
  </em>
  表示：
 </p>
 <pre><code>`这是一个
多行
字符串`;
</code></pre>
 <p>
  <em>
   注意
  </em>
  ：反引号在键盘的ESC下方，数字键1的左边：
 </p>
 <pre><code class="language-ascii">┌─────┐ ┌─────┬─────┬─────┬─────┐
│ ESC │ │ F1  │ F2  │ F3  │ F4  │
│     │ │     │     │     │     │
└─────┘ └─────┴─────┴─────┴─────┘
┌─────┬─────┬─────┬─────┬─────┐
│  ~  │  !  │  @  │  #  │  $  │
│  `  │  1  │  2  │  3  │  4  │
├─────┴──┬──┴──┬──┴──┬──┴──┬──┘
│        │     │     │     │
│  tab   │  Q  │  W  │  E  │
├────────┴──┬──┴──┬──┴──┬──┘
│           │     │     │
│ caps lock │  A  │  S  │
└───────────┴─────┴─────┘
</code></pre>
 <p>
  练习：测试你的浏览器是否支持ES6标准，如果不支持，请把多行字符串用
  <code>
   \n
  </code>
  重新表示出来：
 </p>
 <pre><code class="language-x-javascript">// 如果浏览器不支持ES6，将报SyntaxError错误:
----
console.log(`多行
字符串
测试`);
</code></pre>
 <h3>
  模板字符串
 </h3>
 <p>
  要把多个字符串连接起来，可以用
  <code>
   +
  </code>
  号连接：
 </p>
 <pre><code>var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
alert(message);
</code></pre>
 <p>
  如果有很多变量需要连接，用
  <code>
   +
  </code>
  号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：
 </p>
 <pre><code>var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);
</code></pre>
 <p>
  练习：测试你的浏览器是否支持ES6模板字符串，如果不支持，请把模板字符串改为
  <code>
   +
  </code>
  连接的普通字符串：
 </p>
 <pre><code class="language-x-javascript">'use strict';

// 如果浏览器支持模板字符串，将会替换字符串内部的变量:
var name = '小明';
var age = 20;
----
console.log(`你好, ${name}, 你今年${age}岁了!`);
</code></pre>
 <h3>
  操作字符串
 </h3>
 <p>
  字符串常见的操作如下：
 </p>
 <pre><code>var s = 'Hello, world!';
s.length; // 13
</code></pre>
 <p>
  要获取字符串某个指定位置的字符，使用类似Array的下标操作，索引号从0开始：
 </p>
 <pre><code>var s = 'Hello, world!';

s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined
</code></pre>
 <p>
  <em>
   需要特别注意的是
  </em>
  ，字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：
 </p>
 <pre><code>var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'
</code></pre>
 <p>
  JavaScript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串：
 </p>
 <h3>
  toUpperCase
 </h3>
 <p>
  <code>
   toUpperCase()
  </code>
  把一个字符串全部变为大写：
 </p>
 <pre><code>var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'
</code></pre>
 <h3>
  toLowerCase
 </h3>
 <p>
  <code>
   toLowerCase()
  </code>
  把一个字符串全部变为小写：
 </p>
 <pre><code>var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'
</code></pre>
 <h3>
  indexOf
 </h3>
 <p>
  <code>
   indexOf()
  </code>
  会搜索指定字符串出现的位置：
 </p>
 <pre><code>var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串，返回-1
</code></pre>
 <h3>
  substring
 </h3>
 <p>
  <code>
   substring()
  </code>
  返回指定索引区间的子串：
 </p>
 <pre><code>var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello'
s.substring(7); // 从索引7开始到结束，返回'world'
</code></pre>
</div>
</body></html>